import styled from "styled-components";

export const AlbumWrap = styled.div`
  .albumBox {
    padding: 40px;
    border-left: 1px solid #d3d3d3;
    border-right: 1px solid #d3d3d3;
    background-color: #fff;
    padding-bottom: 0;
    .hot-album,
    .all-album {
      height: 42px;
      border-bottom: 2px solid #c20c0c;
      margin-bottom: 20px;
      h3 {
        color: #333;
        font-size: 24px;
        float: left;
      }
      .all-a {
        float: left;
        margin: 12px 0 0 20px;
        a {
          span {
            margin: 0 10px;
          }
        }
      }
    }
  }
  .new-album-box {
    width: 900px;
    .albumImg {
      float: left;
      height: 178px;
      width: 153px;
      margin-left: 33px;
      margin-bottom: 30px;
      :nth-child(5n-4) {
        margin-left: 0;
      }
    }
    ::after {
      content: "";
      display: block;
      overflow: hidden;
      clear: both;
    }
  }
  .tcr {
    text-align: center;
  }
  .anticon {
    background-image: none;
  }
`;
